.mainList {
    width: 100%;
}

.company {
    width: 1220px;
    margin: auto;
    margin-top: 37px;
    margin-bottom: 54px;
}

.titleTab {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 28px;
}

.titleTab span {
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin-right: 58px;
    cursor: pointer;
    color: #999999;
}

.titleTab span.current {
    border-bottom: 2px solid #333;
    color: #333;
}

.tips {
    height: 18px;
    line-height: 18px;
    margin-bottom: 18px;
}

.tips i {
    float: left;
    width: 18px;
    margin-right: 14px;
    border-radius: 50%;
    background-color: #e6e6e6;
    color: #fff;
    text-align: center;
}

.tips span {
    float: left;
    line-height: 18px;
    text-align: center;
    margin-right: 20px;
    color: #999;
}

.tips a {
    float: left;
    line-height: 18px;
    text-align: center;
    color: #00b38a;
}


/* 此处的overFlow 属性是针对tab 的设置 
当出现多个tab的时候显示区域 必然只有一个 
这时就需要隐藏其他
*/

.displayCompany {
    width: 100%;
    overflow: hidden;
}

.item {
    float: left;
    width: 351px;
    height: 178px;
    border: 1px solid #eaeeed;
    padding: 20px 18px 0px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.item .up {
    width: 100%;
    height: 105px;
    border-bottom: 1px dashed #eaeeed;
}

.firstLine {
    height: 22px;
    line-height: 22px;
}

.firstLine h4 {
    float: left;
    color: #333;
    font-size: 16px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.firstLine span {
    float: left;
    font-size: 14px;
    color: #999999;
}

.firstLine i {
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background: url(../images/icon_chat.png) no-repeat;
}

.firstLine .salary {
    float: right;
    color: #fa6041;
}

.linetwo {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.linetwo span {
    float: left;
    color: #777
}

.linetwo i {
    float: left;
    color: #777;
}

.labels {
    height: 28px;
}

.item .up .labels span {
    float: left;
    width: 71px;
    height: 26px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    color: #999999;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
}

.item .down {
    float: left;
    width: 100%;
    height: 40px;
    padding-top: 10px;
}

.dt {
    float: left;
    height: 40px;
    width: 40px;
}

.down a {
    color: #555;
    text-decoration: none;
}

.down a img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 14px;
}

dd {
    float: left;
    line-height: 20px;
    color: #555;
}

.more {
    display: block;
    width: 387px;
    height: 42px;
    border: 1px solid #00b38a;
    margin: 0 auto;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    color: #66b48b;
    cursor: pointer;
    background-color: white;
}

.more:hover {
    background-color: #00b38a;
    color: white;
}